import React from 'react';
import { Icon } from 'antd';
/*
 * 自定义svg图标
 * TODO：有时间在将图标整理成文件引入，将当前页面拆分下
 */

// 用户图标
const UserSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M823.338667 819.754667a10.794667 10.794667 0 0 1-8.106667 3.712H202.816a10.794667 10.794667 0 0 1-8.106667-3.712 11.050667 11.050667 0 0 1-2.645333-8.810667C213.973333 653.866667 350.186667 535.466667 509.034667 535.466667c158.826667 0 295.082667 118.4 316.928 275.456a11.008 11.008 0 0 1-2.624 8.832M509.034667 192c76.458667 0 138.666667 62.208 138.666666 138.666667s-62.208 138.666667-138.666666 138.666666a138.837333 138.837333 0 0 1-138.666667-138.666666c0-76.458667 62.208-138.666667 138.666667-138.666667m380.309333 610.133333v-0.021333c-20.352-146.432-123.733333-264.554667-258.133333-310.122667 48.768-37.056 80.490667-95.488 80.490666-161.322666 0-111.744-90.922667-202.666667-202.666666-202.666667-111.765333 0-202.666667 90.922667-202.666667 202.666667 0 65.834667 31.701333 124.266667 80.469333 161.322666-134.4 45.568-237.76 163.690667-258.133333 310.144a75.136 75.136 0 0 0 17.749333 59.648A74.773333 74.773333 0 0 0 202.837333 887.466667h612.373334a74.816 74.816 0 0 0 56.405333-25.685334 75.136 75.136 0 0 0 17.728-59.648"
            p-id="883"
        ></path>
    </svg>
);
const IconUser = props => <Icon component={UserSvg} {...props} />;

// 密码图标
const PasswordSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M513.002667 106.666667c99.968 0 181.333333 81.344 181.333333 181.333333V362.666667H821.333333c41.173333 0 74.666667 33.493333 74.666667 74.666666v384c0 41.173333-33.493333 74.666667-74.666667 74.666667h-618.666666C161.493333 896 128 862.506667 128 821.333333v-384C128 396.16 161.493333 362.666667 202.666667 362.666667h128.981333v-74.666667c0-99.989333 81.365333-181.333333 181.354667-181.333333zM821.333333 426.666667h-618.666666c-5.781333 0-10.666667 4.885333-10.666667 10.666666v384c0 5.781333 4.885333 10.666667 10.666667 10.666667h618.666666c5.781333 0 10.666667-4.885333 10.666667-10.666667v-384c0-5.781333-4.885333-10.666667-10.666667-10.666666z m-308.330666 85.333333c64.682667 0 117.333333 52.650667 117.333333 117.333333s-52.650667 117.333333-117.333333 117.333334a117.461333 117.461333 0 0 1-117.333334-117.333334c0-64.682667 52.629333-117.333333 117.333334-117.333333z m0 64a53.376 53.376 0 0 0-53.333334 53.333333c0 29.418667 23.893333 53.333333 53.333334 53.333334 29.418667 0 53.333333-23.914667 53.333333-53.333334s-23.914667-53.333333-53.333333-53.333333z m0-405.333333a117.482667 117.482667 0 0 0-117.354667 117.333333V362.666667h234.688v-74.666667c0-64.682667-52.650667-117.333333-117.333333-117.333333z"
            p-id="985"
        ></path>
    </svg>
);
const IconPassword = props => <Icon component={PasswordSvg} {...props} />;

// 反馈编辑图标
const FeedbackSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M842.666667 829.418667a32 32 0 0 1 0 64h-640a32 32 0 0 1 0-64zM673.6 128c14.250667 0 27.648 5.546667 37.717333 15.616l90.474667 90.517333c10.069333 10.048 15.637333 23.424 15.637333 37.674667 0 14.272-5.546667 27.669333-15.616 37.76L379.434667 731.946667a32 32 0 0 1-16.362667 8.746666l-150.826667 30.165334a32 32 0 0 1-37.653333-37.653334l30.144-150.848c1.237333-6.208 4.288-11.904 8.768-16.362666l422.4-422.378667A52.906667 52.906667 0 0 1 673.536 128z m-93.866667 162.282667L265.6 604.394667l-18.858667 94.293333 94.293334-18.858667L655.146667 365.717333l-75.434667-75.434666z m93.866667-93.866667l-48.64 48.618667 75.434667 75.434666 48.64-48.618666-75.434667-75.434667z"
            p-id="853"
        ></path>
    </svg>
);
const IconFeedback = props => <Icon component={FeedbackSvg} {...props} />;

// 反馈列表图标
const FeedbackListSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M660.586667 117.333333a32 32 0 0 1 32 32v32h129.856c41.173333 0 74.666667 33.493333 74.666666 74.666667v565.717333c0 41.173333-33.493333 74.666667-74.666666 74.666667H202.666667c-41.173333 0-74.666667-33.493333-74.666667-74.666667V256c0-41.173333 33.493333-74.666667 74.666667-74.666667h127.253333V149.333333a32 32 0 0 1 64 0v32h234.666667V149.333333a32 32 0 0 1 32-32z m-330.666667 128H202.666667c-5.866667 0-10.666667 4.8-10.666667 10.666667v565.717333c0 5.866667 4.8 10.666667 10.666667 10.666667h619.776c5.866667 0 10.666667-4.8 10.666666-10.666667V256c0-5.866667-4.8-10.666667-10.666666-10.666667h-129.856V277.333333a32 32 0 1 1-64 0v-32h-234.666667V277.333333a32 32 0 1 1-64 0v-32z m373.056 435.093334a32 32 0 0 1 0 64h-384a32 32 0 0 1 0-64z m0-149.333334a32 32 0 0 1 0 64h-384a32 32 0 0 1 0-64z m0-149.333333a32 32 0 0 1 0 64h-384a32 32 0 0 1 0-64z"
            p-id="1117"
        ></path>
    </svg>
);
const IconFeedbackList = props => <Icon component={FeedbackListSvg} {...props} />;

// 客服电话图标
const ServiceSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M1000.63991 323.082524h-1.825985a479.451552 479.451552 0 0 0-906.471243 0 91.299262 91.299262 0 0 0-91.299262 91.299262v104.342013a91.299262 91.299262 0 0 0 91.299262 91.299262h73.300265a65.474614 65.474614 0 0 0 65.213758-65.213758v-156.513021a65.474614 65.474614 0 0 0-54.779557-64.170338 400.673332 400.673332 0 0 1 739.263166 0 64.952903 64.952903 0 0 0-54.257847 63.909483v156.513021a65.213758 65.213758 0 0 0 65.213758 65.213758h3.391116a405.629578 405.629578 0 0 1-241.551762 257.724774 64.952903 64.952903 0 0 0-63.909483-52.171007h-156.51302a65.213758 65.213758 0 0 0-65.213759 65.213758v78.256511a65.213758 65.213758 0 0 0 65.213759 65.213758h156.51302a65.213758 65.213758 0 0 0 65.213759-65.213758v-8.608217a483.625233 483.625233 0 0 0 321.895111-341.198384 91.038407 91.038407 0 0 0 80.604206-90.255842v-104.342013a91.299262 91.299262 0 0 0-91.299262-91.299262z m-848.039715 208.684027H91.299262a13.042752 13.042752 0 0 1-13.042752-13.042752v-104.342013a13.303607 13.303607 0 0 1 13.042752-13.042752h61.300933z m458.583149 413.716084h-130.427517v-52.171007h130.427517z m402.499318-426.758836a13.042752 13.042752 0 0 1-13.042752 13.042752h-61.300933v-130.427517h61.300933a13.303607 13.303607 0 0 1 13.042752 13.042752z"
            p-id="883"
        ></path>
    </svg>
);
const IconService = props => <Icon component={ServiceSvg} {...props} />;

// 回复图标
const ReplySvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M448 575.957333v147.456a21.333333 21.333333 0 0 1-34.709333 16.64L84.629333 475.264a21.333333 21.333333 0 0 1 0-33.237333l328.661334-264.746667A21.333333 21.333333 0 0 1 448 193.92V341.333333c199.104-1.664 334.229333 43.072 405.333333 134.229334 62.890667 80.64 80.277333 216.234667 52.202667 406.826666l-1.792 11.733334a10.666667 10.666667 0 0 1-20.992 0.469333c-19.52-96.426667-62.122667-170.304-127.786667-221.674667-79.829333-62.421333-182.144-94.741333-306.965333-96.96zM384 405.333333v-118.08L171.84 458.666667 384 629.845333V512h64c122.453333 5.610667 207.146667 20.053333 254.122667 43.370667 65.493333 32.490667 132.330667 79.274667 162.069333 150.016-10.965333-93.610667-17.770667-167.808-107.52-233.813334-58.24-42.837333-157.205333-64.896-296.938667-66.176L448 405.333333h-64z"
            p-id="1119"
        ></path>
    </svg>
);
const IconReply = props => <Icon component={ReplySvg} {...props} />;

// 回复全部图标
const ReplyAllSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M592.618667 180.522667A21.333333 21.333333 0 0 1 597.333333 193.92V341.333333c128-5.162667 227.562667 37.824 298.666667 129.002667 64 82.048 63.466667 222.464-1.578667 421.248l-5.269333-1.728a5.12 5.12 0 0 1-9.984-2.026667c9.856-116.437333-7.530667-195.498667-52.138667-237.184-53.290667-49.792-129.856-74.666667-229.696-74.666666v147.434666a21.333333 21.333333 0 0 1-34.709333 16.64L233.962667 475.264a21.333333 21.333333 0 0 1 0-33.237333l328.661333-264.746667a21.333333 21.333333 0 0 1 29.994667 3.221333zM464.64 148.394667A21.333333 21.333333 0 0 1 469.333333 161.706667V192L149.333333 458.666667 469.333333 725.333333v30.293334a21.333333 21.333333 0 0 1-34.666666 16.64L84.309333 491.989333a42.666667 42.666667 0 0 1 0-66.645333L434.666667 145.066667a21.333333 21.333333 0 0 1 29.994666 3.328zM533.333333 287.253333L321.173333 458.666667 533.333333 629.845333V512h64c74.666667 2.88 135.509333 14.186667 182.549334 33.92 70.570667 29.589333 97.770667 62.656 116.117333 101.994667-10.944-93.589333-35.456-135.914667-105.024-189.376-44.522667-34.197333-105.792-51.925333-183.808-53.12L597.333333 405.333333h-64v-118.08z"
            p-id="1298"
        ></path>
    </svg>
);
const IconReplyAll = props => <Icon component={ReplyAllSvg} {...props} />;

// 转发图标
const TransmitSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M640 576v148.949333l237.461333-210.88L640 318.421333V448H149.333333v128h490.666667z m-64-359.296a21.333333 21.333333 0 0 1 35.114667-16.277333l350.890666 297.258666a21.333333 21.333333 0 0 1-0.106666 32.64L611.029333 824.021333A21.333333 21.333333 0 0 1 576 807.658667V640H117.333333A32 32 0 0 1 85.333333 608v-192A32 32 0 0 1 117.333333 384H576v-167.296z"
            p-id="1477"
        ></path>
    </svg>
);
const IconTransmit = props => <Icon component={TransmitSvg} {...props} />;

// 审批图标
const IconApproverSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M926.8 901.6H97s0.2 32.7 17.3 45.6c12.9 9.7 30.3 8.3 53.1 8.3h689.3c24.3 0 43.1 1.7 56.7-8.9 16.1-12.6 13.4-45 13.4-45zM926.5 726.7c0-33.3-22.2-46.6-55-46.6h-166c-4.3-4.6-14.4-20-18.7-24.6-7.4-9-16.6-16.5-23.7-26-8.1-11-15.3-23-20.7-36.7-11.7-29.8-2.3-61.2 8.1-84.6 21.7-48.8 57.4-82.6 77.4-133.7 5-12.8 7.6-27.1 10.5-41.7 2.7-13.8 4.1-33.2 1.8-48.5-1.8-11.8-1.6-22.3-4.2-32.8-11.1-45.2-30.2-77.9-56.7-107.4-23.9-26.6-54.8-46.3-91.5-60.3-47.3-18-115.3-16.3-160.8 1.8-67.8 26.9-116.4 74.9-138.9 146.4-7.8 24.9-14.4 61.9-8.7 94.7 2.5 14.5 4.9 28 9 40.8 18.3 57.8 59 96.2 88.5 143.8 14.3 23.1 26.1 55.1 12 87.6-9.5 21.8-26.5 40.8-44.1 54.7-6.7 5.6-19.9 21.1-26.6 26.7-49.7 0-148.4-0.4-167.6-0.4s-46 24.9-50.5 42.9c-3.2 13-0.9 79.6-0.9 94.2 0 26.8-1.7 29.3-2.2 29.5h829.7c0.1-0.3-0.2-86.6-0.2-119.8z"
            fill=""
            p-id="8396"
        ></path>
    </svg>
);
const IconApprover = props => <Icon component={IconApproverSvg} {...props} />;

// 纸飞机图标
const IconPaperPlaneSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M899.6 117c9.9 7.1 13.8 16.7 12 28.5L797.3 831.2c-1.5 8.6-6.3 15.3-14.3 20.1-4.1 2.3-8.8 3.6-13.8 3.6-3.3 0-6.9-0.8-10.7-2.3L556.3 770 448.2 901.8c-5.4 6.9-12.7 10.2-21.9 10.2-3.8 0-7.1-0.6-9.9-1.8-5.6-2.1-10.2-5.5-13.6-10.5-3.4-4.9-5.2-10.3-5.2-16.3V727.7l385.7-472.8-477.2 413-176.3-72.3c-11-4.1-17-12.3-17.8-24.6-0.6-11.9 4.1-20.7 14.3-26.4L869.1 116c4.5-2.7 9.2-4 14.3-4 6 0 11.4 1.7 16.2 5z"
            p-id="9636"
        ></path>
    </svg>
);
const IconPaperPlane = props => <Icon component={IconPaperPlaneSvg} {...props} />;

// 机构图标
const IconOrgSvg = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <path
            d="M853.333333 640h-42.666666v-128c0-25.6-17.066667-42.666667-42.666667-42.666667h-213.333333V384h42.666666c25.6 0 42.666667-17.066667 42.666667-42.666667V170.666667c0-25.6-17.066667-42.666667-42.666667-42.666667h-170.666666c-25.6 0-42.666667 17.066667-42.666667 42.666667v170.666666c0 25.6 17.066667 42.666667 42.666667 42.666667h42.666666v85.333333H256c-25.6 0-42.666667 17.066667-42.666667 42.666667v128H170.666667c-25.6 0-42.666667 17.066667-42.666667 42.666667v170.666666c0 25.6 17.066667 42.666667 42.666667 42.666667h170.666666c25.6 0 42.666667-17.066667 42.666667-42.666667v-170.666666c0-25.6-17.066667-42.666667-42.666667-42.666667H298.666667v-85.333333h426.666666v85.333333h-42.666666c-25.6 0-42.666667 17.066667-42.666667 42.666667v170.666666c0 25.6 17.066667 42.666667 42.666667 42.666667h170.666666c25.6 0 42.666667-17.066667 42.666667-42.666667v-170.666666c0-25.6-17.066667-42.666667-42.666667-42.666667z"
            fill=""
            p-id="3188"
        ></path>
    </svg>
);
const IconOrg = props => <Icon component={IconOrgSvg} {...props} />;

const IconFlag = () => (
    <svg width="1em" height="1em" viewBox="0 0 14 14">
        <g id="0.0Sources" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
            <g id="2.2.0流程管理-流程设计-流程设计默认" transform="translate(-750.000000, -287.000000)">
                <g id="Editer" transform="translate(272.000000, 262.000000)">
                    <g id="条件发起" transform="translate(466.000000, 20.000000)">
                        <g id="process-design-flag-icon" transform="translate(12.000000, 5.000000)">
                            <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
                            <g id="flag" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fillRule="nonzero">
                                <path
                                    d="M0.5625024,11.775015 L0.562502382,11.775015 C0.334684812,11.775015 0.150001879,11.5903315 0.150001879,11.3625139 C0.150001879,11.3625139 0.150001879,11.3625139 0.150001879,11.3625139 L0.150001879,1.15647861 L0.150001879,1.15664747 C0.150001879,0.936713817 0.266747765,0.733311119 0.456653447,0.62237556 C0.768752599,0.441048084 1.39730021,0.225000957 2.62500089,0.225000957 C3.58432232,0.225000957 4.65733919,0.604243586 5.6040278,0.938626788 C6.36638025,1.20804116 7.0864514,1.4625024 7.57500665,1.4625024 L7.57500682,1.4625024 C8.2039231,1.460573 8.82616589,1.33349545 9.4054777,1.08867384 L9.40547773,1.08867383 C9.64159816,0.989003526 9.91381109,1.09961846 10.0134802,1.3357397 C10.0375779,1.39282732 10.0500091,1.45416291 10.0500091,1.51612874 L10.0500091,7.17151032 L10.0500091,7.17149031 C10.0498091,7.37632387 9.92838256,7.56161651 9.74065179,7.64355715 C9.51609684,7.74178383 8.69625214,8.06250295 7.57502427,8.06250295 C6.95266417,8.06250295 6.17303826,7.87842461 5.34777949,7.68326032 C4.42015099,7.46412717 3.46109253,7.23750972 2.62500562,7.23750972 C1.67444983,7.23750972 1.18795707,7.38136927 0.9750037,7.47237718 L0.9750037,11.3625145 L0.9750037,11.3625145 C0.9750037,11.5903321 0.790320789,11.775015 0.56250322,11.775015 L0.5625024,11.775015 Z"
                                    id="路径"
                                ></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </svg>
);

export {
    IconUser,
    IconPassword,
    IconFeedback,
    IconFeedbackList,
    IconService,
    IconReply,
    IconReplyAll,
    IconTransmit,
    IconApprover,
    IconPaperPlane,
    IconOrg,
    IconFlag
};
